<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业</title>
</head>

<body>



    <span id="top">顶部</span>
    <br>
    <a href="#middle">回到中部</a>
    <br>
    <a href="#bottom">回到底部</a>
    <br>
    <hr>
    <br>

    <div>
        <h5>
            <p>篮球和鸡</p>
        </h5>
    </div>


    <hr>
    <br>

    <div>
        <b><i><u><del><sup><span style="color: red;">小黑子</span></sup>
                        <sub><span style="background-color: yellow;">鸡你太美</span></sub></del></u></i></b>
    </div>

    <hr>
    <br>

    <div>
        <ol>
            <li>究极黑小子1</li>
            <li>究极黑小子2</li>
            <li>究极黑小子3</li>
        </ol>

        <br>
        <hr>
        <br>
        <ul>
            <li>芝士雪豹1</li>
            <li>芝士雪豹2</li>
            <li>芝士雪豹3</li>
        </ul>
    </div>


    <br>
    <hr>
    <br>
    <span id="middle">中部</span>
    <br>
    <a href="#top">回到顶部</a>
    <br>
    <a href="#bottom">回到底部</a>
    <br>

    <br>
    <hr>
    <img src="./派大星.jpg" alt="" width="30%" height="30%" title="派大星">

    <br>



    <br>
    <hr>
    <br>


    <table border="3">
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>年纪</th>
        </tr>
        <tr>
            <td>2.5</td>
            <td>蔡徐坤</td>
            <td>2.5</td>
        </tr>
        <tr>
            <td>0</td>
            <td>丁真</td>
            <td>0</td>
        </tr>
    </table>

    <br>
    <hr>
    <br>

    <table border="3">
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>年纪</th>
        </tr>
        <tr>
            <td>2.5</td>
            <td colspan="2" rowspan="2">
                <table border="2">
                    <tr>
                        <th>妈妈</th>
                        <th>生的</th>
                    </tr>
                    <tr>
                        <td>丁</td>
                        <td>真</td>
                    </tr>
                </table>
            </td>

        </tr>
        <tr>
            <td>0</td>
        </tr>
    </table>


<br>
<hr>
<br>


<iframe src="https://www.hao123.com" frameborder="0" width="50%" height="250"></iframe>



<br>
<hr>
<br>





<form action="" method="post">



    <p>
        <label for="username">账号:</label>
        <br>
        <input type="text" id="username" name="username"  placeholder="请输入账号" autocomplete="off" required>
        <br>
        <br>
        <label for="password">密码:</label>
        <br>
        <input type="password" id="password" name="password"  placeholder="请输入密码" required>
        <br>
    </p>



    <p>
        <span>性别:</span>
        <br>
        <label for="man">男</label>
        <input type="radio" name="sex" checked value="man" >
        <br>
        <label for="women">女</label>
        <input type="radio" name="sex" value="women" >
        <br>
    </p>


    <p>
        <span>出生日期：</span>
        <br>
        <input type="date" name="born_date" value="2000-01-01" id="born_date" >
        <input type="time" name="born_time" value="00:00" id="born_time">
        <br>
    </p>




    <p>
        <span>地址：</span>
        <select name="address">
            <option value="---" selected>---</option>
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="广州">广州</option>
        </select>
    </p>




    <p>
        <span>兴趣爱好：</span>
        <br>
        <label for="basketball">篮球</label>
        <input type="checkbox" name="hobby" value="basketball" id="basketball" >
        <br>
        <label for="football">足球</label>
        <input type="checkbox" name="hobby" value="football" id="football" >
        <br>
        <label for="volleyball">排球</label>
        <input type="checkbox" name="hobby" value="volleyball" id="volleyball" >
        <br>
    </p>

    <p>
        <span>喜欢颜色：</span>
        <br>
        <input type="color" name="color" id="like_color">
    </p>




    <p>
        <span>个性签名：</span>
        <br>
        <textarea name="info" id="info" cols="30" rows="3"></textarea>
    </p>




    <p>
        <input type="submit" value="注册">
        <br>
        <br>
        <input type="reset" value="清除">
    </p>







    <br>
    <hr>
    <br>
    <span id="bottom">底部</span>
    <br>
    <a href="#top">回到顶部</a>
    <br>
    <a href="#middle">回到中部</a>






</body>
</html>